<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<ol>
		<li>许家印</li>
		<li>马化腾</li>
		<li>马云</li>
		<li class="wang">王健林</li>
	</ol>
	<input type="text" value="杨">
</body>

	<script>

		//访问到ol
		var ol = document.querySelector("ol");
		//创建一个结点
		var li = document.createElement("li");
		//创建一个内容
		var b = document.createTextNode("王卫");
		//在ol尾部挂上li
		ol.appendChild(li);
		//在li尾部挂上内容
		li.appendChild(b);

		//把雷军添加，并且成为首富

		var li = document.createElement("li");

		var lei = document.createTextNode("雷军");

		var first = ol.children[0];

		li.appendChild(lei);

		ol.insertBefore(li,first);

		//删除王健林
		var wang = document.querySelector(".wang");//获取到王健林

		ol.removeChild(wang);

		//修改value值
		var inp = document.querySelector("input");

		inp.getAttribute("value");

		inp.setAttribute("value","阳光");


	</script>
</html>